﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>
<%@ Register Src="~/uc/copyright.ascx" TagName="CopyRight" TagPrefix="aitim" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/css.css" type="text/css" rel="Stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <div class="page  indexbk">
        <!--菜单-->
        <ul id="indexmenu">
            <li><a href="home.aspx" title="首页"><img src="images/index/icon_1.png" alt="" /></a></li>
            <li><a href="" title="新闻动态"><img src="images/index/icon_2.png" alt="" /></a></li>
            <li><a href="" title=""><img src="images/index/icon_3.png" alt="" /></a></li>
            <li><a href="" title=""><img src="images/index/icon_4.png" alt="" /></a></li>
            <li><a href="" title=""><img src="images/index/icon_5.png" alt="" /></a></li>
            <li><a href="" title=""><img src="images/index/icon_6.png" alt="" /></a></li>
            <li><a href="" title=""><img src="images/index/icon_7.png" alt="" /></a></li>
        </ul>

        <!--灯光-->
        <div id="light1" class="lg" onclick="light('light1');" onmouseover="showwin(this);" "><img  src="images/index/light1.jpg" alt=""  /></div>
        <div id="light2" class="lg" onclick="light('light2');" onmouseover="showwin(this);" "><img  src="images/index/light2.jpg" alt=""  /></div>
        <div id="light3" class="lg" onclick="light('light3');" onmouseover="showwin(this);" "><img  src="images/index/light3.jpg" alt=""  /></div>
        <div id="light4" class="lg" onclick="light('light4');" onmouseover="showwin(this);" "><img  src="images/index/light4.jpg" alt=""  /></div>
        <div id="light5" class="lg" onclick="light('light5');" onmouseover="showwin(this);" "><img  src="images/index/light5.jpg" alt=""  /></div>
        <div id="light6" class="lg" onclick="light('light6');" onmouseover="showwin(this);" "><img  src="images/index/light6.jpg" alt=""  /></div>
        <div id="light7" class="lg" onclick="light('light7');" onmouseover="showwin(this);" "><img  src="images/index/light7.jpg" alt=""  /></div>
        <div id="light8" class="lg" onclick="light('light8');" onmouseover="showwin(this);" "><img  src="images/index/light8.jpg" alt=""  /></div>
        <div id="light9" class="lg" onclick="light('light9');" onmouseover="showwin(this);" "><img  src="images/index/light9.jpg" alt=""  /></div>
        <div id="light10" class="lg" onclick="light('light10');" onmouseover="showwin(this);" "><img  src="images/index/light10.jpg" alt=""  /></div>

        <!--窗口-->
        <div id="divlight1" class="divlight"><asp:Literal ID="ltl1" runat="server" /></div>
        <div id="divlight2" class="divlight"><asp:Literal ID="ltl2" runat="server" /></div>
        <div id="divlight3" class="divlight"><asp:Literal ID="Literal1" runat="server" /></div>
        <div id="divlight4" class="divlight"><asp:Literal ID="Literal2" runat="server" /></div>
        <div id="divlight5" class="divlight"><asp:Literal ID="Literal3" runat="server" /></div>
        <div id="divlight6" class="divlight"><asp:Literal ID="Literal4" runat="server" /></div>
        <div id="divlight7" class="divlight"><asp:Literal ID="Literal5" runat="server" /></div>
        <div id="divlight8" class="divlight"><asp:Literal ID="Literal6" runat="server" /></div>
        <div id="divlight9" class="divlight"><asp:Literal ID="Literal7" runat="server" /></div>
        <div id="divlight10" class="divlight"><asp:Literal ID="Literal8" runat="server" /></div>

        <!--Logo-->
        <img class="logo" src="images/logo.png" alt="" />
        <!--Lantern-->
        <img class="lantern" src="images/lantern/lantern.jpg" alt="" />

        <!--foot-->
        <img id="indexsilver" src="images/silver.png" alt="" />
        <div id="indexcopyright">
            <aitim:CopyRight ID="copyright" runat="server" />
        </div>
    </div>
    </form>
    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript">
        $('img', '.lg').hide();
        function light(id) {
            $('img', '#' + id).toggle();
            if ($('img', '#' + id).is(":visible")) { 
                $('.divlight').hide();
                $('#div' + id).show();
            }
            else {
                $('#div' + id).hide();
                findnext();
            }
        }

        function findnext() {
            var obj = $('img:visible', '.lg').get(0);
            if (null != obj) {
                var divid = $(obj).parent().attr("id");
                $('#div' + divid).show();
            }
        }

        function showwin(obj) {
            if ($('img', obj).is(":visible")) {
                var win = $('#div' + $(obj).attr("id"));
                if (!$(win).is(":visible")) {
                    $('.divlight:visible').hide();
                    $(win).show();
                }
            }
        }
    </script>
</body>
</html>
